<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <title> 招募“奇葩”测试达人 - 试客联盟 </title>
    <link rel="stylesheet" href="qp_test.css" />
</head>

<body>
    <div class="header">
        <div class="people"></div>
        <div class="quan"></div>
        <div class="yun"></div>
        <a href="#form" class="bm-link">我要报名</a>
    </div>

    <div class="flow">
        <ol>
            <li class="icon1"><i>1</i><em>提交申请</em></li>
            <li class="icon2"><i>2</i><em>通过审核</em></li>
            <li class="icon3"><i>3</i><em>等待官方核对信息</em></li>
            <li class="icon4"><i>4</i><em>获得测试</em></li>
            <li class="icon5"><i>5</i><em>撰写报告</em></li>
        </ol>
    </div>

    <div class="video">
        <div class="w1200">
            <h2 id="f1" class="title"><i class="line-l"></i><em>招募测评达人</em><i class="line-r"></i></h2>
            <div class="txt-box">
                <p class="txt-box-hd">试潮品现在全网招募测评达人 <em>20</em> 名啦！
                    <br />如果你要成为一名测评达人，将会获得以下奖励：</p>
                <ol class="txt-box-bd">
                    <li><i>1</i>更多新产品测评机会；</li>
                    <li><i>2</i>活动期间优秀测评作品将获得价值50-100元
                        <br />不等的众划算现金券或众夺宝抽奖机会哦；</li>
                    <li><i>3</i>测评达人勋章。</li>
                </ol>
            </div>
            <div class="video-box">
                <div class="video-box-bd">

                </div>
                <p class="video-box-ft"> “奇葩”达人的测试视频 </p>
            </div>
        </div>
    </div>

    <div class="qp-box">
        <div class="w1200">
            <h2 id="f2" class="title"><i class="line-l"></i><em>这些奇葩货，你要不要来试试！</em><i class="line-r"></i></h2>
            <div class="slider">
                <div id="J_slider">
                    <ul id="J_slider_box">
                        <li class="slider_str">
                                <strong>[往期试潮品]</strong>
                            <a href="#">
                                <img src="http://nosrc.net/238x238" alt="nosrc">
                                <em>商品标题商品标题</em>
                            </a>
                        </li>
                        <li class="slider_cur">
                                <strong>[当期潮品]</strong>
                            <a href="#">
                                <img src="http://nosrc.net/280x280" alt="nosrc">
                                <em>商品标题商品标题</em>
                            </a>
                        </li>
                        <li class="slider_str">
                                <strong>[下期预告->]</strong>
                            <a href="#">
                                <img src="http://nosrc.net/238x238" alt="nosrc">
                                <em>商品标题商品标题</em>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://nosrc.net/238x238" alt="nosrc">
                                <em>商品标题商品标题</em>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img1.shikee.com/try/2016/09/12/12222520932906036242.jpg_295x295.jpg" alt="nosrc">
                                <em>商品标题商品标题</em>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img1.shikee.com/try/2016/09/12/12222520932906036242.jpg_295x295.jpg" alt="nosrc">
                                <em>商品标题商品标题</em>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img1.shikee.com/try/2016/09/12/12222520932906036242.jpg_295x295.jpg" alt="nosrc">
                                <em>商品标题商品标题</em>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="http://img1.shikee.com/try/2016/09/12/12222520932906036242.jpg_295x295.jpg" alt="nosrc">
                                <em>商品标题商品标题</em>
                            </a>
                        </li>
                    </ul>
                </div>
                <span class="prev" id="J_MediaPrev" href="#">&lt;</span>
                <span class="next" id="J_MediaNext" href="#">&gt;</span>
                <div class="dimmer"></div>
            </div>
        </div>
    </div>

    <div class="join-box">
        <div class="w1200">
            <h2 id="f3" class="title"><i class="line-l"></i><em>申请报名</em><i class="line-r"></i></h2>
            <form id="form" action="#" method="post">
                <p class="col-50">
                    <label class="lab">试客联盟</label>
                    <input type="text" placeholder="试客联盟" class="ipt" id="J_UID">
                </p>
                <p class="col-50">
                    <label class="lab">联系QQ</label>
                    <input type="number" class="ipt" placeholder="联系QQ" id="J_QQ">
                </p>
                <div class="p-sex col-50">
                    <label class="lab">性别：</label>
                    <input id="man" type="radio" name="sex" checked>
                    <label for="man">男</label>
                    <input id="lady" type="radio" name="sex">
                    <label for="lady">女</label>
                </div>
                <p class="col-50">
                    <label class="lab">年龄</label>
                    <input type="number" placeholder="年龄" class="ipt" id="J_Age">
                </p>
                <p class="col-100">
                    <label class="lab">作品链接</label>
                    <input type="text" placeholder="作品链接" class="ipt J_Link"><a class="add-link" id="J_AddLink" href="javascript:;">+</a></p>
                <div id="J_Tpl">
                    <p class="col-100">
                        <label class="lab"></label>
                        <input type="text" placeholder="作品链接" class="ipt J_Link"><a class="del-link" id="J_AddLink" href="javascript:;">+</a></p>
                </div>
                <p class="col-100">
                    <label class="lab">测评经验</label>
                    <textarea id="J_Area" placeholder="自我介绍一下自己的测评经验，若无测评经验，请用强有力的文字证明您可以成为测评达人" class="txt"></textarea>
                </p>
                <p class="col-100 ft">
                    <button class="button" id="J_Btn">确认报名</button>
                </p>
            </form>
        </div>
    </div>

    <div class="foot">
        <p>试潮品官网：http://fashion.shikee.com/</p>
        <p>（本活动最终解释权归广西南宁一站网网络科技有限公司所有）</p>
    </div>

    <div id="J_side_nav">
        <a href="#f1">招募达人</a>
        <a href="#f2">活动潮品</a>
        <a href="#f3">申请报名</a>
        <a class="top" href="javascript:;"> 返回顶部 <i class="arrow"></i>
        </a>
    </div>

    <script src="http://static.shikee.com/min/?f=common/js/jquery-1.10.2.min.js"></script>
    <!-- <script src="lib/jquery.scrollspy.js"></script> -->
    <script src="qp_test.js"></script>
</body>

</html>
